<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/8/6.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>合并企业</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://172.16.170.119:801/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">

    
</head>
<body class="childrenBody">

<div class="hbqy_tag">
    <a href="javascript:;" class="text_item active"><span>合并企业</span></a>
    <a href="javascript:;" class="text_item "><span>合并记录</span></a>
</div>
<!--搜索内容-->
<div class="search_form" style="background-color: #F7F7F7">
    <div class="row">
        
        <div class="col-sm-6 col-lg-4">
            <div class="input-group input_jygl">
                <span class="input-group-addon fix-border fix-padding">企业名称</span>
                <input type="text" class="form-control" placeholder="">
                <span class="input-group-btn">
		          <button class="btn btn-primary" type="button">查询</button>
		        </span>
            </div>
        </div>

    </div>
</div>
<!--选项卡-->
<div class="hbqy_list_header">
    <div class="row">
        <div class="col-sm-12">
        	<p class="hbbz_tit">第一步:请勾选要合并的企业</p>
            <table class="table table-bordered text-center">
                <thead>
                <tr>
                    <th width="50">
                    	<input type="checkbox" name="qx_btn" id="btn_01">
                    	<label for="btn_01" style="margin-bottom: 0;"></label>
                    </th>
                    <th width="25%">企业名称</th>
                    <th>企业id</th>
                    <th>创建时间</th>
                    <th>上级工会</th>
                    <th>联系人</th>
                    <th>联系电话</th>
                    <th>当前职工数</th>
                    <th>账号是否激活</th>
                </tr>
                </thead>
                <tbody id="tab_list">
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox" id="checkbox_01">
                        <label for="checkbox_01"></label>
                    </td>
                    <td>广东远程教育中心有限公司</td>
                    <td>098</td>
                    <td>2017-09-17</td>
                    <td>越秀区总工会</td>
                    <td>王敏</td>
                    <td>--</td>
                    <td>15</td>
                    <td>是</td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox" id="checkbox_02">
                        <label for="checkbox_02"></label>
                    </td>
                    <td>广东远程教育中心有限公司</td>
                    <td>098</td>
                    <td>2017-09-17</td>
                    <td>越秀区总工会</td>
                    <td>王敏</td>
                    <td>--</td>
                    <td>15</td>
                    <td>是</td>
                </tr>
                <tr>
                    <td>
                        <input type="checkbox" name="table_checkbox" id="checkbox_03">
                        <label for="checkbox_03"></label>
                    </td>
                    <td>广东远程教育中心有限公司</td>
                    <td>098</td>
                    <td>2017-09-17</td>
                    <td>越秀区总工会</td>
                    <td>王敏</td>
                    <td>15585450405</td>
                    <td>15</td>
                    <td>是</td>
                </tr>
                </tbody>
            </table>
            <div style="margin: 50px;text-align: center">
		        <button class="btn  btn_add">返回</button>
		        <button class="btn  btn-primary">下一步</button>
		    </div>
        </div>
        <div class="col-sm-12">
        	<p class="hbbz_tit">第二步:请选择合并后的企业</p>
        	<div class="row">
        		<div class="col-sm-6 col-lg-4">
		            <div class="input-group input_jygl" style="width: 100%; margin-bottom: 20px;">
		                <select class="form-control">
		                    <option value="1">所属工会</option>
		                    <option value="1">...</option>
		                </select>
		       		</div>
	       		</div>
        	</div>
        	
            <table class="table table-bordered text-center">
                <thead >
                <tr>
                    <th width="25%">合并后的企业</th>
                    <th>企业id</th>
                    <th>创建时间</th>
                    <th>上级工会</th>
                    <th>联系人</th>
                    <th>联系电话</th>
                    <th>当前职工数</th>
                    <th>账号是否激活</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>广东远程教育中心有限公司</td>
                    <td>098</td>
                    <td>2017-09-17</td>
                    <td>越秀区总工会</td>
                    <td>王敏</td>
                    <td>--</td>
                    <td>15</td>
                    <td>是</td>
                </tr>
                <tr>
                    <td>广东远程教育中心有限公司</td>
                    <td>098</td>
                    <td>2017-09-17</td>
                    <td>越秀区总工会</td>
                    <td>王敏</td>
                    <td>--</td>
                    <td>15</td>
                    <td>是</td>
                </tr>

                </tbody>
            </table>
            <div class="hb_waring col-sm-12">
            	<div class="pull-left">注：</div>
            	<div class="pull-left">
            		<p>1.合并企业后，所有归属于（第一步）已勾选企业的名称跟id都会全部替换成合并后的企业；</p>
            		<p>2.（第一步）已勾选企业已有的申领补贴信息、职工信息、都归属于合并后的企业；</p>
            		<p>3.（第一步）已勾选企业已有的基本信息（包含联系人等）均替换成合并后的企业，如需修改，请合并后去编辑企业信息；</p>
            		<p>4.合并后，已勾选的企业如若有工会主席平台等账号均直接归属到合并后的企业，仍旧能登录。</p>
            	</div>
            </div>
            <div style="margin: 50px;text-align: center">
		        <button class="btn  btn_add">上一步</button>
		        <button class="btn  btn-primary">确认合并企业</button>
		    </div>
        </div>
    </div>
</div>




<button id="btn">啊撒的发生的发</button>




<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<script>
    $(function () {
        $('#btn_01').on('click', function () {
            $("input[name='table_checkbox']").prop('checked', this.checked);
        });

        $("input[name='table_checkbox']").on('click', function () {
            var $subs = $("input[name='table_checkbox']");
            $("#btn_01").prop("checked", $subs.length == $subs.filter(":checked").length ? true : false);
        });

		$(".hbqy_tag a").click(function(){
			$(this).addClass("active").siblings().removeClass("active");
		})

        var muner = 1
        $('#btn').click(function () {
            muner ++;
            $('#tab_list').append('<tr>\n' +
                '                    <td>\n' +
                '                        <input type="checkbox" name="table_checkbox" id="'+muner+'">\n' +
                '                        <label for="'+muner+'"></label>\n' +
                '                    </td>\n' +
                '                    <td>广东远程教育中心有限公司</td>\n' +
                '                    <td>098</td>\n' +
                '                    <td>2017-09-17</td>\n' +
                '                    <td>越秀区总工会</td>\n' +
                '                    <td>王敏</td>\n' +
                '                    <td>--</td>\n' +
                '                    <td>15</td>\n' +
                '                    <td>是</td>\n' +
                '                </tr>')
        })

    })


</script>

</body>
</html>